<template>
	<view class="service-search">	
	<v-nav-bar class="navbar">
			
			<view class="navbar__search">
				<u-icon name="search" color="#000000" :size="28"></u-icon>
				<u-input @change="search()" placeholder="搜索服务" class="navbar__search__text"/>
			</view>
			<view class="navbar__return" @click="goback()">取消</view>
			
		</v-nav-bar>

	</view>
</template>

<script>
	
	export default {

		data() {
			return {
				searchResult:"",
			}
		},
		methods: {
			goback(){
				uni.navigateBack()
			},
			search(){
				
			}
		}
	}
</script>

<style lang="less">
.navbar {
	&__search{
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		flex:1;
		padding: 2rpx 30rpx;
		margin-left: @uni-spacing-col-lg ;
		background-color: rgb(249, 249, 249);
		&__text{
			font-size:small;
			color:#3F536E;
			margin-left: 10rpx;
		}
	}
	&__return{
		margin:0 @uni-spacing-col-lg;
		font-size: small;
		color: @font-color-grey;
	}
}

</style>
